<!-- 也可以下载示例项目查看使用方法 -->
<template>
	<view>
		<button @click="handleUploadClick">上传</button>
		<xe-upload ref="XeUpload" :options="uploadOptions" @callback="handleUploadCallback"></xe-upload>
	</view>
</template>

<script>
export default {
	data() {
		return {
			uploadOptions: {
				// url: 'http://192.168.31.185:3000/api/upload', // 不传入上传地址则返回本地链接
			}
		};
	},
	methods: {
		handleUploadClick() {
			// 使用默认配置则不需要传入第二个参数
			// type: ['image', 'video', 'file'];
			this.$refs.XeUpload.upload('file', {});
			// this.$refs.XeUpload.upload('image', {
			//  count: 6,
			//  sizeType: ['original', 'compressed'],
			//  sourceType: ['album'],
			// });
		},
		handleUploadCallback(e) {
			console.log(e);
			// e.type: ['choose', 'success', 'warning']
			// choose 是options没有传入url，返回临时链接时触发
			// success 是上传成功返回对应的数据时触发
			// warning 上传或者选择文件失败触发
			// ......
		}
	}
};
</script>
